简介:在网页制作当中,我们经常会对图片做一些处理,比如图片的放大和缩小。本课程讲解如何使用JavaScript技术实现图片缩放效果,其中将用到setInterval()和clearInterval()两个重要函数。课程中对实现效果进行了展示,并详尽分析其实现原理。
第1章 图片缩放效果展示及原理分析
JavaScript实现图片缩放效果的原理分析,并对实现该效果所应用到的setInterval()和clearInterval()两个函数进行简单介绍。
第2章 利用HTML+CSS实现效果的页面布局
案例的布局非常简单,只需一个图片和两个按钮,利用HTML+CSS轻松实现。
第3章 用JavaScript实现图片放缩效果
实现放大效果的关键步骤:1.onclick事件的添加。2.定时器setlnterval()函数的应用。3.放大(缩小)函数的编写。